var ec_left1 = echarts.init(document.querySelector(".bar .chart"));

var ec_left1_Option = {
	color: ["#2f89cf"],
	tooltip: {
		trigger: "axis",
		axisPointer: {
			// 坐标轴指示器，坐标轴触发有效
			type: "shadow" // 默认为直线，可选为：'line' | 'shadow'
		}
	},
	grid: {
		left: "0%",
		top: "10px",
		right: "0%",
		bottom: "0%",
		containLabel: true
	},
	xAxis: [
		{
			type: "category",
			data: [],
			axisTick: {
				alignWithLabel: true
			},
			axisLabel: {
				formatter: function (params) {
					var newParamsName = "";// 最终拼接成的字符串
					var paramsNameNumber = params.length;// 实际标签的个数
					var provideNumber = 5;// 每行能显示的字的个数
					var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 换行的话，需要显示几行，向上取整
					/**
					 * 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签
					 */
					// 条件等同于rowNumber>1
					if (paramsNameNumber > provideNumber) {
						/** 循环每一行,p表示行 */
						for (var p = 0; p < rowNumber; p++) {
							var tempStr = "";// 表示每一次截取的字符串
							var start = p * provideNumber;// 开始截取的位置
							var end = start + provideNumber;// 结束截取的位置
							// 此处特殊处理最后一行的索引值
							if (p == rowNumber - 1) {
								// 最后一次不换行
								tempStr = params.substring(start, paramsNameNumber);
							} else {
								// 每一次拼接字符串并换行
								tempStr = params.substring(start, end) + "\n";
							}
							newParamsName += tempStr;// 最终拼成的字符串
						}

					} else {
						// 将旧标签的值赋给新标签
						newParamsName = params;
					}
					//将最终的字符串返回
					return newParamsName
				},
				textStyle: {
					color: "rgba(255,255,255,.6)",
					fontSize: "12"
				},
				rotate: 45
			},
			axisLine: {
				show: false
			}
		}
	],
	yAxis: [
		{
			type: "value",
			axisLabel: {
				textStyle: {
					color: "rgba(255,255,255,.6)",
					fontSize: "12"
				}
			},
			axisLine: {
				lineStyle: {
					color: "rgba(255,255,255,.1)"
					// width: 1,
					// type: "solid"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(255,255,255,.1)"
				}
			}
		}
	],
	series: [
		{
			name: "直接访问",
			type: "bar",
			barWidth: "35%",
			data: [],
			itemStyle: {
				barBorderRadius: 5
			}
		}
	]
};



ec_left1.setOption(ec_left1_Option)
window.addEventListener("resize", function () {
	ec_left1.resize();
});
